/* 
    Document   : style.css
    Created on : Aug 15, 2011, 9:02:43 AM
    Author     : tuananh
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* FRAMEWORK */
button {
    outline: none;
    border: none;
}
.fade {
    color: #bbb;
}
.small_datetime {
    color: #666;
    font-size: 11px;
    font-style: italic;
    margin-top: 5px;
}
.no_list_style, .no_list_style li {
    list-style-type: none;
}
.h_list li, .h_list li a {
    float: left;
    display: block;
}
.std_block {display: block; padding-left: 15px; padding-right: 15px; min-width: 1200px;}
.block {display: block;}
.left, .bl, .fl, .float_left, .block_left {float: left}
.right, .br, .fr, .float_right, .block_right {float: right}
.clearfix {clear: both;}
.auto_height, .ah {
    overflow: auto;
    max-height: 99%;
}
.db_left {
    width: 20%;
}
.db_right {
    width: 80%;
}
.db_side_block {
    padding: 1px;
    border: 1px solid #ccc;
    margin-right: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 10px;
}
.lst_group .db_side_block {
    width: 48%;
    margin-right: 10px;
    float: left;
}
.db_side_block .db_side_header {
    line-height: 29px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #eee;
    border-bottom: 1px solid #bbb;
    text-transform: uppercase;
}
.db_side_block .db_side_header .icon_exp, .side_header .icon_exp {
    width: 20px !important;
    height: 20px !important;
    background-position: center center;
    margin-top: 3px;
    border: 1px solid #ddd;
    border-radius: 2px;
    opacity: 0.6;
    cursor: pointer;
}
.db_side_block .db_side_header:hover .icon_exp, .side_header:hover .icon_exp {
    opacity: 1;
}
.side_header {
    font-size: 13px;
    line-height: 30px;
    text-transform: uppercase;
    padding-right: 20px;
}
.db_side_block .db_inner_content {
    padding-top: 10px;
    padding-bottom: 10px;
}
.db_side_block .db_inner_content ul {
    margin: 0px;
    padding: 0px;
}
.db_side_block .db_inner_content ul li {
    padding: 8px 10px;
    cursor: pointer;
    margin-bottom: 1px;
    border-bottom: 1px solid #eee;
}
.db_side_block .db_inner_content ul li label {
    display: block;
    cursor: pointer;
}
.db_side_block .db_inner_content ul li:hover,
.db_side_block .db_inner_content ul li.active {
    background-color: #eee;
}
.db_side_block .db_inner_content ul li:last-child {
    border-bottom: none;
}
.subtitle {color: #cccccc; font-style: italic}
textarea {font-family: Arial; font-size: 13px;}
/* MARGIN PADDING DEFINITION */
.no_margin {
    margin: 0px;
    padding: 0px;
}
.ml_5 {
    margin-left: 5px !important;
}
.ml_10 {
    margin-left: 10px;
}
.mt_10 {
    margin-top: 10px;
}
.mb_10 {
    margin-bottom: 10px;
}
.pl_10 {
    padding-left: 10px;
}
/* BUTTON */
.simple_btn {
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #bbb;
    color: #fff;
    padding: 4px 10px 4px 10px;
}
.gray_btn {
    margin-left: 0px;
    margin-right: 5px;
    border: 1px solid #aaa;
    font-size: 12px !important;
    font-family: Arial;
    font-weight: bolder;
    cursor: pointer;
    padding: 0px;
    border-radius: 2px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#ECECEC));
    background-image: -webkit-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -moz-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -ms-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -o-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: linear-gradient(top,#F8F8F8,#ECECEC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F8F8F8',EndColorStr='#ECECEC');
}
.gray_btn span {
    display: block;
    cursor: pointer;
    line-height: 23px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 2px;
}
.gray_btn:hover {
    -moz-box-shadow: 0 0 1px #bbb;
    -webkit-box-shadow: 0 0 1px #bbb;
    box-shadow: 0 0 1px #bbb;
}
.plus_btn span {
    background: url(../../images/icons/set1/plus.png) 10px center no-repeat;
    padding-left: 30px;
    line-height: 23px;
}
.no_list_style .plus_btn span, .gridview  .plus_btn span {
    background: url(../../images/icons/set1/plus.png) center center no-repeat;
}
.reset_btn span {
    background: url(../../images/icons/set1/remove.png) center center no-repeat;
    padding-left: 30px;
    line-height: 23px;
}
.edit_btn span {
    background: url(../../images/icons/set1/small_edit.png) center center no-repeat;
    padding-left: 30px;
    line-height: 23px;
}
.reset_btn, .plus_btn, .edit_btn {
    margin: 0px !important;
}
.buttons .gray_btn {
    float: right;
}
.uploaded_file {cursor: pointer}
button {
    cursor: pointer;
}
/* FORM DEFINITION */
/* Form Layout */
.std_input {
    border: 1px solid #858585;
    outline: none;
    border-radius: 2px;
}
.std_chk, .std_rd {
    margin: 0px; position: relative; top: 2px; margin-right: 5px
}
.search_header .std_input {
    padding: 5px;
}
.std_input:hover {
    border-color:#333333;
}
.std_input:focus {
    border-color:#999;
    border: 1px solid #005cd0;
    box-shadow: 0px 1px 2px #bbb inset !important;
    -moz-box-shadow: 0px 1px 2px #bbb inset !important;
}
.std_search {
    width: 300px;
    height: 20px;
}
.frm_row td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}
.frm_row:last-child td {
    border-bottom: none !important;
}
.form_block table {
    width: 100%;
}

.frm_label {
    width: 200px;
    padding: 10px;
    vertical-align: top;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
    overflow: auto;
    max-height: 99%;
    font-weight: bolder;
    color: #666;
    text-align: right;
    line-height: 26px;
}
.short_label {
    width: 120px !important;
}
.frm_field {
    padding: 10px;
    vertical-align: top;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
    overflow: auto;
    max-height: 99%;
    line-height: 26px;
}
.frm_field input[type='text'].std_input,
.frm_field input[type='password'].std_input
{
    padding-left: 5px;
    padding-right: 5px;
    height: 23px;
    line-height: 23px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius:2px;
    border-radius: 2px;
}
.frm_field textarea {
    padding: 5px;
    border: 1px solid #7d7d7d;
    height: 80px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.frm_field textarea:focus {
    border-color:#999;
    border: 1px solid #005cd0;
    box-shadow: 0px 1px 2px #bbb inset !important;
    -moz-box-shadow: 0px 1px 2px #bbb inset !important;
}
.frm_field input[type='text'].std_input,
.frm_field input[type='password'].std_input,
.frm_field select,
.frm_field textarea {
    width: 80%;
    min-width: 100px !important;
}
.frm_field select {
    height: 26px !important;
    line-height: 19px !important;
    padding: 3px !important;
    outline: none !important;
    border-radius: 2px !important;
    border: 1px solid #bbb;
}
.short_label {
    width: 200px !important;
}
.short_field input[type='text'].std_input,
.short_field input[type='password'].std_input,
.short_field select,
.short_field textarea {
    width: 300px !important;
    min-width: 300px !important;
}
#option_block .std_input
{
    min-width: 250px !important;
}
.form_block {
    margin-bottom: 10px;
}
.form_block:last-child {
    margin-bottom: 5px;
}
.form_block td {
    padding-bottom: 10px;
}
.form_block tr:last-child td {
    border-bottom: none !important;
}
.exp_row {
    clear: both;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #637a8c;
    border-right: 1px solid #6d6d6d;
    border-bottom: 1px solid #6d6d6d;
}
.exp_row .row_header h3 {
    color: #000;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    padding-left: 20px;
    font-weight: bolder;
    border-bottom: 1px solid #9c9c9c;
}
.exp_row .row_content {
    padding: 10px;
}
.exp_row tr:last-child td {
    border: none !important;
}
.field_option label {
    font-weight: bolder;
    width: 100px;
}
.field_option .std_input, .field_option select {
    width: 160px;
}
.field_option .small_input {
    width: 80px;
}
select.medium_input {
    width: 250px !important;
}
select.short_input {
    width: 120px !important;
}
.attribute_selector {
}
/* VISIBILITY */
.hidden {
    display: none !important;
}
/* LAYOUT > VALIDATION */
label.error {
    clear: both;
    display: block;
    background: url('../../images/topArrowError.png') 0px 50% no-repeat;
    padding-left: 10px;
    color: #c02d00;
    font-weight: bolder;
}
#form_error {
    overflow: auto;
    max-height: 99%;
}
#form_error label.error {
    clear: both;
    display: block;
    color: #c02d00;
    font-weight: bolder;
    margin-bottom: 5px;
    padding-left: 10px;
    height: 35px;
    line-height: 35px;
    background: #F37443;
    color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
}
input.error, textarea.error {
    border: 1px solid #c02d00 !important;
    background-color: #ffece6 !important;
}
/* BORDER */
.border_top {
    border-top: 1px solid #d8d8d8 !important;
}
.no_border {
    border: none !important;
}
/* COLOUR */
.blur_color  {
    color: #ccc;
}
/* CSS3 */
.corner {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* GENERAL */
html, body {
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    font-size: 12px;
    min-width: 1024px;
}
.subhead, .subhead:link, .subhead:hover, .subhead:visited {
    font-weight: bold;
    color: #a52a2a;
}
h1,h2,h3,h4,h5,ul,p {padding: 0px; margin: 0px}
ul, li {list-style: none}
a {text-decoration: none; color: #002c7c}
a:hover {text-decoration: underline}
.wrapper {width: 100%;}
/* HEADER */
#top p {
    width: 160px;
    margin: auto;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    background: #ffeab1 url(../../images/icons/set1/information.png) 10px center no-repeat;
    padding-left: 30px;
    position: fixed;
    z-index: 1000;
    margin-left: 400px;
}
#header {
    overflow: hidden;
    height: 100%;
    border-top: 4px solid #ffeab1;
}
#logo_header {
    line-height: 30px;
    color: #ccc;
    font-size: 20px;
    padding-bottom: 10px;
}
#btn_expand {
    height: 80px;
    width: 30px;
    color: #a2a2a2;
    text-align: center;
    margin-top: 29px;
    background-color: #ffffff;
}
#admin_region {
    height: 30px;
    color: #a2a2a2;
    text-align: center;
    margin-top: 29px;
    padding-left: 40px;
    padding-right: 2px;
    line-height: 30px;
}
#lbl_username {
    color: #000;
    margin-right: 10px;
}
/* MENU */
#navigator {
    height: 28px;
    clear: both;
    display: block;
    width: 100%;
    border-bottom: 5px solid #05386D;
}
#navigator li
{
    line-height: 25px;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#navigator li,
#navigator li a,
#navigator li a span
{
    color: #535353;
    float: left;
    display: block;
}
#navigator li a span
{
    font-family: Arial;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
    font-weight: bolder;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#ECECEC));
    background-image: -webkit-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -moz-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -ms-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -o-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: linear-gradient(top,#F8F8F8,#ECECEC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#ececec');
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-transform: uppercase;
}
#navigator li:first-child a span {
}
#navigator li:hover a span {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ECECEC),to(#F8F8F8));
    background-image: -webkit-linear-gradient(top,#ECECEC,#F8F8F8);
    background-image: -moz-linear-gradient(top,#ECECEC,#F8F8F8);
    background-image: -ms-linear-gradient(top,#ECECEC,#F8F8F8);
    background-image: -o-linear-gradient(top,#ECECEC,#F8F8F8);
    background-image: linear-gradient(top,#ECECEC,#F8F8F8);
}
#navigator li ul  {
    position: absolute;
    display:none;
    width: 300px;
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    margin-top: 26px;
    margin-left: -1px;
    z-index: 9999;
    border-top: 5px solid #05386D;
    border-bottom: 1px solid #ddd;
    -moz-box-shadow: 0px 0px 5px #cecece;
    -webkit-box-shadow: 0px 0px 5px #cecece;
    box-shadow: 0px 0px 5px #cecece;
}
#navigator li ul,
#navigator li ul li:last-child,
#navigator li ul li:last-child a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#navigator li:last-child ul {
    margin-left: -169px;
}
#navigator li:hover ul {
    display:block;
}
#navigator li ul li {
    margin-right: 0px;
    border-radius: 0px;
    padding: 5px 10px;
    border: none;
}
#navigator li ul li:first-child {
    border-top: none;
}
#navigator li ul li,
#navigator li ul li a
{
    margin: 0px;
    float: none !important;
    clear: both !important;
    display: block !important;
    text-decoration: none;
}
#navigator li ul li:last-child a {
    border-bottom: 0px;
}
#navigator li ul li:hover {
    background-color: #002358;
    color: #fff;
}
#navigator li ul li:hover * {
    color: #fff;
}
#navigator li ul li p {
    line-height: 17px;
    margin-bottom: 8px;
}
/* LOGIN FORM */
.messages {
    width: 500px;
    margin: auto;
    margin-top: 100px;
}
.message {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 10px;
}
.error_message {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    background: #f37443;
    color: #fff;
    margin-bottom: 10px;
}
.success_message {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 2px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    background: #88c000;
    color: #fff;
    margin-bottom: 10px;
}
.copyright {
    color: #aaa;
    width: 500px;
    margin: auto;
    text-align: center;
}
/* CONTENT */
#content {
}
.dashboard {
    background-color: #fff;
    border: 1px solid #676767;
    margin-bottom: 20px;
    min-width: 900px;
    -moz-box-shadow: 0px 0px 5px #cecece;
    -webkit-box-shadow: 0px 0px 5px #cecece;
    box-shadow: 0px 0px 5px #cecece;
}
.form_block {
    overflow: auto;
    max-height: 99%;
}
.block_header {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bolder;
    color: #002c7c;
}
.block_content {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.std_header {
    margin-top: 10px;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 28px;
    color: #002c7c;
    padding-left: 65px;
    background: url(../../images/admin/icon-48-generic.png) 10px center no-repeat;
}
.search_header {
    padding-left: 10px;
    background: none;
    font-size: 12px !important;
}
.std_header .gray_btn {
    margin: 0px;
}
/* MINISEARCH */
.mini_search {
    border: 1px solid #c7c7c7;
    height: 23px;
    background-color: #fff;
    width: 300px;
}
.mini_search:hover {
    border: 1px solid #919191;
}
.mini_search input {
    border: 0px;
    height: 21px;
    width: 270px;
    padding-left: 6px;
    float: left;
    color: #737373;
    font-style: italic;
}
.mini_search input:focus {
    color: #000;
    font-style: normal;
}
.mini_search button {
    float: left;
    width: 22px;
    height: 22px;
    background: url('../../images/backend/search_btn.gif') center left no-repeat;
    border: 0px;
    display: block;
}
/* GRIDVIEW */
.gridview {
    border: none !important;
}
.gridview input[type='text'] {
    border: 1px solid #858585;
    border-radius: 2px;
    outline: none;
    padding: 4px;
}
.gridview input[type='text']:hover {
    border-color:#333333;
}
.gridview input[type='text']:focus {
    border-color:#999;
    border: 1px solid #005cd0;
    box-shadow: 0px 1px 2px #bbb inset !important;
    -moz-box-shadow: 0px 1px 2px #bbb inset !important;
}
.gridview tr td {
    padding: 8px;
}
.gridview thead tr td {
    background-color: #F8F8F8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F8F8F8),to(#ECECEC));
    background-image: -webkit-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -moz-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -ms-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: -o-linear-gradient(top,#F8F8F8,#ECECEC);
    background-image: linear-gradient(top,#F8F8F8,#ECECEC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#ececec');
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc !important;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
}
.gridview thead tr td:last-child {
    border-right: 1px solid #ddd;
}
.gridview tbody tr td {
    border-bottom: 1px solid #ddd;
}
.gridview tbody tr.filters td {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.gridview tbody tr:nth-child(even) td {
    background-color: #f9f9f9;
}
.gridview tbody tr.filters td {
    background-color: #c3c3c3;
}
.image_row td {
    border-bottom: 1px solid #ccc;
}
.gridview .empty {
    color: #ddd;
    font-style: italic;
}
.gridview .product_desc {
    margin-top: 5px;
}
.gridview tr:hover td, .gridview tr.selected td {
    background-color: #ffd !important;
}
.gridview tbody tr.filters:hover td {
    background-color: #bbb !important;
}
.gridview tfoot tr td {
    background-color: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc !important;
    padding: 10px;
}
.page_list li {
    margin-left: 2px;
}
.page_list li,
.page_list li a
{
    display: block;
    float: left;
}
.page_list li a {
    text-decoration: none;
    padding: 2px 8px 2px 8px;
    border: 1px solid #aaaaaa;
    background-color: #f4f4f4;
    color: #383838;
    font-weight: bolder;
}
.page_list li.current a,
.page_list a:hover
{
    background-color: #c3c3c3;
    border: 1px solid #444444;
    color: #000000;
}
/* FOOTER */
#footer {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd;
    background: #f3f3f3;
    color: #666;
    line-height: 18px;
    text-align: center;
}
.paginator {
    margin-left: 10px;
}
.paginator ul, .paginator ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
.paginator ul li, .paginator ul li a {
    display: block;
    float: left;
    cursor: pointer;
}
.paginator ul li:first-child a {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.paginator ul li a {
    line-height: 21px;
    padding-left: 7px;
    padding-right: 7px;
    font-family: Arial;
    cursor: pointer;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-right: none;
    display: block;
}
.paginator ul li:last-child a {
    border-right: 1px solid #aaa;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.paginator ul li a:hover {
    background: #F2F2F2;
    background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    display: inline-block;
}
.paginator ul li.current a {
    background: #F2F2F2;
    background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    display: inline-block;
}

.small_filter {
    width: 60px;
    padding: 2px;
}
.wide_filter {
    width: 98%;
    padding: 2px;
}
.no_publish td {
    opacity: 0.9;
    background-color: #4D90FE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
    background-image: linear-gradient(top,#4D90FE,#4787ED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    color: #fff;
}
.no_publish td a {
    color: #fff;
}
.gbqfb {
    background-color: #4D90FE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
    background-image: linear-gradient(top,#4D90FE,#4787ED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    border: none;
    color: white!important;
    margin: 0 0;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    cursor: default !important;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.gbqfi {
    background-position: -33px 0;
    display: inline-block;
}
form select {
    line-height: 25px !important;
    height: 25px !important;
}
.toolbar {
    margin-top: 10px;
}
.toolbar li {
    float: left;
    display: block;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.toolbar li, .toolbar li p {
    text-align: center;
    margin: auto;
}
.toolbar li a {
    text-decoration: none;
}
.toolbar li img {
    display: block;
    clear: both;
    height: 25px;
    margin: auto;
    margin-bottom: 5px;
}
.toolbar li:hover {
}
.cloneable {
    margin-bottom: 10px;
}
.frm_field .cloneable:last-child {
    margin-bottom: 0px;
}
.frm_field .thumb {
    height: 50px !important;
    vertical-align: middle; border: 2px solid #bbb
}
.cloneable .remove_btn {
    position: absolute;
    background: url(../../images/btn_close.png) center center no-repeat;
    height: 27px;
    width: 25px;
    margin-left: -28px;
    opacity: 0.4;
    text-decoration: none;
    cursor: pointer;
}
.cloneable .remove_btn:hover {
    opacity: 1;
}
.acc_lock {
    border-radius: 100px;
    -moz-border-radius: 100px;
    background: #fff url(../../images/icons/set1/lock.png) center center no-repeat;
    height: 29px;
    width: 29px;
    padding: 3px;
    border: 3px solid #eb7400;
    position: absolute;
    z-index: 10;
    margin-left: 5px;
    margin-top: 5px;
}
.lst_btn li {
    margin-right: 10px;
}
.lst_btn li a {
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    background-color: #000;
    color: #fff;
    line-height: 30px;
    position: absolute;
}
#loading_process {
    background: url(../../images/black_80.png) center center repeat;
    width: 200px; height: 40px; line-height: 40px; color: #fff !important;
    margin: auto;
    text-align: center !important;
    display: none; border-radius: 3px;
    position: fixed;
    top: 0px;
    left: 48%;
    z-index: 99999;
    box-shadow: 0 0px 2px #666;
}
#loading_process p {text-align: center}

/*Bread Crumb*/
#breadcrumb {
    border: 1px solid #ccc;
    border-radius: 3px;
}
#breadcrumb ul li a {
    line-height: 29px;
    padding-left: 10px;
    padding-right: 10px;
    background: url('../../images/admin/breadcrumb_grid.png') no-repeat scroll right -2px #fff;
    float: left;
    margin: 0;
}
#breadcrumb ul li:last-child a {
    background: url("../../images/admin/breadcrumb_grid.png") no-repeat scroll right -33px #F4F5F7;
}
.attribute_row td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
.cloneable table {
    border: 3px solid #eee;
}

.medium_input {
    width: 200px !important;
}
.short_input {
    width: 120px !important;
}
/* Icon */
.icon {
    width: 16px;
    height: 16px;
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
    text-decoration: none;
    cursor: pointer;
}
.gray_btn .icon {
    margin-top: 3px;
    margin-left: 3px;
}
.icon_link {
    background-image: url(../../images/icons/set2/arrow_switch_bluegreen.png);
}
.icon_btn {
    width: 120px !important;
    text-align: left;
}
.icon_refresh {
    background-image: url(../../images/icons/set2/page_white_refresh.png);
}
.icon_delete {
    background-image: url(../../images/icons/set2/bullet_cross.png);
}
.icon_edit {
    background-position: left -2px;
    background-image: url(../../images/icons/set2/bullet_edit.png);
}
.icon_restore {
    background-image: url(../../images/icons/set2/application_osx_get.png);
}
.icon_approved {
    background-image: url(../../images/icons/set2/box_error.png);
}
.icon_return {
    background-image: url(../../images/icons/set2/arrow_nw_se.png);
}
.icon_publish {
    background-image: url(../../images/icons/set2/page_forward.png);
}
.icon_active {
    background-image: url(../../images/icons/set2/bullet_tick.png);
}
.icon_deactive {
    background-image: url(../../images/icons/set2/bullet_stop_alt.png);
}
.icon_role {
    background-image: url(../../images/icons/set2/shield_start.png);
}
.icon_privilege {
    background-image: url(../../images/icons/set2/star_gold.png);
}
.icon_exp {
    background-image: url(../../images/icons/set2/section_collapsed.png);
}
.icon_dexp {
    background-image: url(../../images/icons/set2/section_expanded.png) !important;
}
.icon_article_function {
    background-image: url(../../images/icons/set2/application_osx_cascade.png) !important;
}
.icon_author {
    background-image: url(../../images/icons/set2/user_b.png) !important;
}
.icon_up {
    background-image: url(../../images/icons/set2/arrow_sw_ne.png) !important;
}
.icon_waiting {
    background-image: url(../../images/icons/set2/application_osx_error.png) !important;
}
.icon_editing {
    background-image: url(../../images/icons/set2/application_osx_key.png) !important;
}
.icon_preview {
    background-image: url(../../images/icons/set2/eyes.png) !important;
}
.icon_unpublish {
    background-image: url(../../images/icons/set2/page_cancel.png) !important;
}
.icon_date {
    background-image: url(../../images/icons/set2/calendar_select_day.png) !important;
}
.icon_log {
    background-image: url(../../images/icons/set2/disk_edit.png) !important;
}
.icon_add_blue {
    background-image: url(../../images/icons/set2/control_add_blue.png) !important;
}
.icon_system {
    background-image: url(../../images/icons/set2/star_gold.png) !important;
}
.icon_layout {
    background-image: url(../../images/icons/set2/asterisk_red.png) !important;
}
.icon_catalog_function {
    background-image: url(../../images/icons/set2/rgb.png) !important;
}
.icon_sales_function {
    background-image: url(../../images/icons/set2/smartphone_key.png) !important;
}
/*Auto Render Content*/
.auto_render_content,
.auto_render_content *
{
    font-family: Arial !important;
    font-size: 14px !important;
    line-height: 21px !important;
}
.auto_render_content .img_holder {
    width: 30%;
    max-width: 200px;
}
.auto_render_content .img_holder img {
    width: 100%;
}
.auto_render_content .article_desc {
    margin-left: 10px;
    width: 68%;
}
.auto_render_content .article_title {
    font-size: 20px !important;
    color: #666;
}
.article_log li ul li {
    line-height: 25px;
    border-bottom: 1px dotted #ddd;
    padding-left: 25px;
}
.article_log li ul li:last-child {
    border-bottom: none;
}
.article_log li ul li .icon {
    position: relative;
    top: 4px;
}
.log_heading {
    line-height: 30px;
    border-bottom: 3px solid #eee;
    margin-bottom: 10px;
}
.log_heading .icon {
    position: relative;
    top: 7px;
}
.article_related li {
    clear: both;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
}
.action_selector .selector {
    width: 230px;
}
.action_selector .selectBox-dropdown {
    line-height: 19px !important;
    margin-top: 2px !important;
    font-size: 12px !important;
}
.item_desc {
    color: #333;
    font-size: 12px;
    font-style: italic;
    max-height: 88px;
    overflow: hidden;
}
.std_label input {
    position: relative;
    top: 2px;
    margin-right: 5px;
    margin-left: 10px;
}
.std_label:first-child input {
    margin-left: 0px;
}
.tab_product .tabs-container {
    padding-top: 0px !important;
}
.label_for{
    position: relative;
    top: -2px;
    margin-left: 2px;
    font-weight: bold;
    cursor: pointer;
    color: #444;
}
/*.select_group_cat{
    border: 1px solid #DADADA;
    margin: 0 10px 2px 5px;
    padding: 3px;
}*/
.disease_related, #symptoms_related{
     border: 1px solid #DDDDDD;
     border-radius: 3px 3px 3px 3px;
     margin: 5px 0 10px;
     padding: 5px;
 }
.disease_related li, #symptoms_related li{
    margin: 10px;
}
.area_data_chk{
    width: 35%;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
    padding: 10px 10px 5px 0;
    float: left;
    margin-left: 15px;
    margin-top: 25px;
}
.area_data_chk .data_chk_title, .title_top_out{
    position: absolute;
    top: -9px;
    background-color: #fff;
    margin-left: 15px;
    padding: 0 5px;
    font-weight: bold;
    display: block;
}
.mt_40{
    margin-top: 40px;
}
.area_data_chk .span_chk{
    margin: 5px 0 5px 15px;
    float: left;
}
.ul_border_b_none li{
    border-bottom: none !important;
}
.up_img_gallery{
    background: url('../../images/up_img_gal.png') no-repeat scroll 5px 2px transparent;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    color: #444444 !important;
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px 20px 5px 40px;
    cursor: pointer;
    margin: 15px 10px 10px 95px;
}
.up_img_gallery:hover{
    text-decoration: none;
}
.span_filter{
    float: left;display: block;margin-right: 20px;margin-bottom: 10px;
}
.span_filter label{
    font-weight: bold;
    color: #444;
    margin-right: 5px;
}
.grid_view_user p{
    margin-bottom: 5px;
}
.ml_6{
    margin-left: 6px !important;
}
.ml_20{
    margin-left: 20px !important;
}
.btn_a_border{
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    color: #444444 !important;
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px 15px;
    cursor: pointer;
    margin-top: 15px;
}
.container_data_image_upload{
    display: none;
}
.area_image_disease{
    position: relative;
}
.area_image_disease .process_upload{
    height: 20px;position: absolute;left: 20px;top: 50px;display: none;
}
.area_image_disease .show_image{
    width: 100px; height: 100px; float: left;overflow: hidden;
}
.area_image_disease .show_image img{
    width: 100px;max-height: 100px;
}
.area_image_disease .area_data_image{
    float: left;margin-left: 15px; width: 330px;
}